.contentBox {
    margin-top: 0.4rem;

    h3 {
        font-size: 0.32rem;
        color: #272727;
        font-weight: 600;
        margin-right: 0.12rem;
    }

    .arrowImg {
        width: 0.32rem;
        height: 0.32rem;
    }

    h4 {
        margin: 0.32rem 0rem;
        font-size: 0.24rem;
        font-weight: 600;
        padding-bottom: 0.16rem;
        border-bottom: 0.005rem solid #272727;

    }

    .groupOne {
        margin-bottom: 0.32rem;
    }

    .groupOne,
    .groupTwo {
        img {
            width: 2.76rem;
            height: 4.39rem;
        }
    }

    .groupThree {
        width: 100%;
        height: 6.58rem;
        padding: 0.4rem 0.32rem;
        background-color: #F5F5F7;

        .imgcontent {
            height: 100%;
            position: relative;
        }

        .title {
            h4 {
                border: 0;
                margin: 0;
                padding: 0;
            }

            i {
                margin-left: 0.13rem;
                height: 0.005rem;
                background-color: #272727;

            }
        }

        button {

            height: 0.34rem;
            font-size: 0.16rem;
            font-weight: 600;
            color: #2C60E6;
            border: 0.01rem solid #2C60E6;
            border-radius: 0.08rem;
            background-color: rgba(44, 96, 230, 0.1);
            margin-top: 0.2rem;
            display: inline-block;
            padding: 0 0.14rem;
        }

        .imgBox1 {
            position: absolute;
            top: 0.38rem;
            left: 0;
        }

        .imgBox2 {
            position: absolute;
            top: 0.29rem;
            left: 3.79rem;
        }

        .imgBox3 {
            position: absolute;
            top: 0.37rem;
            right: 0.52rem;
        }

        .imgBox4 {
            position: absolute;
            left: 1.98rem;
            bottom: 0.48rem;
        }

        .imgBox5 {
            position: absolute;
            right: 1.41rem;
            bottom: 0.48rem;
        }


        .img1 {
            width: 2.38rem;
            height: 1.89rem;
        }

        .img2 {
            width: 1.74rem;
            height: 1.81rem;
        }

        .img3 {
            width: 1.13rem;
            height: 1.96rem;
        }

        .img4 {
            width: 1.84rem;
            height: 1.79rem;
        }

        .img5 {
            width: 2.5rem;
            height: 1.49rem;
        }
    }

    .titleBox {
        margin-top: 0.48rem;
    }
}


// ** index 页面移动端样式 0 - 1024
@media screen and (max-width: 1024px) {

    .contentBox {

        margin-top: 0.4rem;

        .flex-row {
            flex-direction: column;
        }

        h3 {
            font-size: 0.32rem;
            color: #272727;
            font-weight: 600;
            margin-right: 0.12rem;
        }

        .arrowImg {
            width: 0.32rem;
            height: 0.32rem;
        }

        h4 {
            margin: 0.32rem 0rem;
            font-size: 0.48rem;
            font-weight: 600;
            padding-bottom: 0.16rem;
            border-bottom: 0.005rem solid #272727;
        }

        .groupOne {
            margin-bottom: 0.32rem;
        }

        .groupOne,
        .groupTwo {
            img {
                width: 100%;
                height: auto;
                margin-bottom: 0.4rem;
            }
        }

        .groupThree {
            width: 100%;
            height: auto;
            padding: 0.4rem 0.32rem;
            background-color: #F5F5F7;



            .imgcontent {
                height: 100%;
                position: relative;
            }

            .title {
                h4 {
                    margin-bottom: 0.3rem;
                }

                i {
                    margin-left: 0.13rem;
                    height: 0.005rem;
                    background-color: #272727;

                }
            }

            button {
                height: 1.2rem;
                font-size: 0.5rem;
                font-weight: 600;
                color: #2C60E6;
                border: 0.04rem solid #2C60E6;
                border-radius: 0.2rem;
                background-color: rgba(44, 96, 230, 0.1);
                display: inline-block;
                margin: 0.4rem 0;
                padding: 0 0.56rem;
            }

            .img1,
            .img2,
            .img3,
            .img4,
            .img5 {
                width: 100%;
                height: auto;
                left: 0;
                top: 0;
            }

            .imgBox1,
            .imgBox2,
            .imgBox3,
            .imgBox4,
            .imgBox5 {
                position: relative;
                left: 0;
                top: 0;
            }
        }

        .titleBox {
            margin-top: 0.48rem;
        }
    }
}